لایت‌باکس (Lightbox) یکی از ابزارهای کاربردی در طراحی وب با المنتور است که به شما امکان می‌دهد محتوای مختلفی مثل تصویر، ویدیو یا لینک‌ها را در قالب یک پنجره بازشو زیبا نمایش دهید. این قابلیت نه‌تنها باعث جذابیت بصری بیشتر سایت می‌شود بلکه تجربه کاربری بهتری نیز برای بازدیدکنندگان فراهم می‌کند.

مراحل ساخت لایت‌باکس در المنتور

برای ایجاد یک لایت‌باکس در سایت خود با المنتور، کافی است مراحل زیر را دنبال کنید:

انتخاب قالب

ابتدا از کتابخانه آماده المنتور یک قالب موردنظر را انتخاب کنید. این کار به شما کمک می‌کند سریع‌تر شروع کنید و ساختار اولیه داشته باشید.

افزودن دکمه

از قسمت ابزارهای المنتور یک دکمه روی صفحه قرار دهید. سپس به بخش محتوا بروید و متن یا عنوان دکمه را متناسب با نیاز خود تغییر دهید.

تنظیمات ویدیو

در بخش تنظیمات، گزینه ویدیو را انتخاب کنید. سپس لینک ویدیوی موردنظر خود (که از قبل دانلود یا آپلود کرده‌اید) را در بخش لینک ویدیو وارد کنید. با این کار، کلیک روی دکمه باعث می‌شود ویدیو در قالب لایت‌باکس نمایش داده شود.

تنظیمات تصویر

اگر بخواهید تصویر نمایش دهید، کافی است دوباره روی همان دکمه کلیک کنید و در بخش تنظیمات لایت‌باکس، نوع محتوا را روی تصویر قرار دهید. سپس از کتابخانه رسانه وردپرس، تصویر دلخواه خود را انتخاب کرده و پس از ذخیره تغییرات، مشاهده کنید که تصویر به‌صورت لایت‌باکس نمایش داده می‌شود.

نکته کلیدی

قابلیت لایت‌باکس فقط محدود به دکمه‌ها نیست. شما می‌توانید این ویژگی را روی هر المانی در صفحه خود پیاده‌سازی کنید؛ از جمله:

• آیکون‌ها

• تصاویر

• ویدیوها

• لینک‌ها

• هدینگ‌ها

همچنین اگر ویدیوی شما در پلتفرم‌هایی مثل یوتیوب قرار دارد، می‌توانید به‌راحتی لینک آن را در قسمت لینک ویدیو وارد کنید تا بدون نیاز به دانلود مستقیم، در سایت شما نمایش داده شود.

جمع‌بندی

لایت‌باکس ابزاری ساده اما حرفه‌ای برای نمایش محتوای چندرسانه‌ای در سایت است. با استفاده از المنتور، بدون نیاز به دانش کدنویسی، می‌توانید تصاویر یا ویدیوهای خود را به‌صورت جذاب در اختیار کاربران بگذارید. این ویژگی باعث افزایش تعامل کاربران و حرفه‌ای‌تر شدن طراحی سایت شما می‌شود.

منبع : https://ofoghweb.com/making-a-light-box-in-elmantor/